<style lang="scss">
	.group {
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		.group-city {
			width: 730rpx;
			height: 80rpx;
			background: #fff;
			margin: 50rpx auto 0rpx;
		}
		.group-box {
			width: 500rpx;
			height: 500rpx;
			border-radius: 20rpx;
			margin: 100rpx auto;
			background: #fff;
			overflow: hidden;
			image {
				display: block;
				width: 400rpx;
				height:400rpx;
				margin: 55rpx auto;
			}
		}
		.group-title {
			width: 450rpx;
		}
	}
</style>
<template>
	<view class="group" :style="`background:url(${group?.background.img}) no-repeat; backgroundSize:100vw 100vh;`">
		<view class="group-city">
			省市级联动
		</view>
		<view class="group-box">
			<image :src="group?.background.erweima" mode="aspectFit"></image>
		</view>
		<button class="group-title" type='warn' @click="jinqun" >点击进群</button>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	import {
		getdraw
	} from '../../api/draw';
	const group = ref() //渲染数据
 	// 渲染
	const render = async ()=>{
		const res = await getdraw()
		group.value = res.data
	}
	render()
	// 城市
	// 进群
	const jinqun = ()=>{
	
	}
</script>


